<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--1.width=device-width    //应用程序的宽度和屏幕的宽度是一样的
2.height=device-height  //应用程序的高度和屏幕的高是一样的
3.initial-scale=1.0  //应用程序启动时候的缩放尺度（1.0表示不缩放）
4.minimum-scale=1.0  //用户可以缩放到的最小尺度（1.0表示不缩放）
5.maximum-scale=1.0  //用户可以放大到的最大尺度（1.0表示不缩放）
6.user-scalable=no  //用户是否可以通过他的手势来缩放整个应用程序，使应用程序的尺度发生一个改变（yes/no）
    -->
    <!-- 优先使用 IE 最新版本和 Chrome -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <link rel="stylesheet" href="{{asset('assets/css/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{asset('partner/iconfont/iconfont.css')}}">
    <link rel="stylesheet" href="{{asset('partner/css/layout.css')}}">
    <title>迎亲纪合作商</title>
</head>
<body style="background: #fff">
<!--slide层-->
<div id="bannerBox" class="carousel slide">
    <!-- 轮播（Carousel）指标 -->
    <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- 轮播（Carousel）项目 -->
    <div class="carousel-inner">
        <div class="item active">
            <img src="{{asset('partner/images/banner1.jpg')}}" alt="First slide">
        </div>
        <div class="item">
            <img src="{{asset('partner/images/banner1.jpg')}}" alt="Second slide">
        </div>
        <div class="item">
            <img src="{{asset('partner/images/banner1.jpg')}}" alt="Third slide">
        </div>
    </div>
</div>
<!-- /. slide层 -->
<!--登录层-->
<div class="btns-box">
    <a href="{{url('partner/login')}}" class="btn btn-logins">登录</a>
    <a href="{{url('partner/reg')}}" class="btn btn-logins btn-partner">合作商入驻</a>
</div>
<!-- /. 登录层 -->
<!--jquery-->
<script src="{{asset('assets/js/jquery.min.js')}}"></script>
<!--bootstrap-->
<script src="{{asset('assets/js/bootstrap.min.js')}}"></script>
<script>
    $('#bannerBox').carousel({
        interval: 3000
    })
</script>
</body>
</html>